<template>
     <tabbar>
    <tabbaritem path="/home" activeColor="blue">
      <img  slot="item-icon"  src="~assets/img/tabbar/_ic_tabbar_home.svg" alt="">
      <img  slot="item-icon-active" src="~assets/img/tabbar/ic_tabbar_home_select.svg" alt="">
      <div slot="item-text">首页</div>
    </tabbaritem>
    <tabbaritem path="/category">
      <img  slot="item-icon"  src="~assets/img/tabbar/tabbar-icon-chanpin-default.svg" alt="">
       <img  slot="item-icon-active" src="~assets/img/tabbar/tabbar-icon-chanpin-selected.svg" alt="">
      <div slot="item-text">分类</div>
    </tabbaritem>
    <tabbaritem path="/cart">
      <img  slot="item-icon"  src="~assets/img/tabbar/icon_tabbar_shoppingup.svg" alt="">
       <img  slot="item-icon-active" src="~assets/img/tabbar/tabbar-market-active.svg" alt="">
      <div slot="item-text">购物车</div>
    </tabbaritem>
    <tabbaritem path="/profile">
      <img  slot="item-icon"  src="~assets/img/tabbar/tabbar-icon-wode-default.svg" alt="">
       <img  slot="item-icon-active" src="~assets/img/tabbar/tabbar-icon-wode-selected.svg" alt="">
      <div slot="item-text">我的</div>
    </tabbaritem>
   </tabbar>
   
</template>

<script>
import tabbar from '../../common/tabbar/tabbar.vue'
import tabbaritem from '../../common/tabbar/tabbaritem.vue'


export default {
name: 'maintabbar',

components: {
    tabbar,
    tabbaritem
}

}

</script>

<style scoped>
</style>